<script>
//构建表格 + 处理数据 +绑定事件
function builderTreeGrid(resData) {
    layui.use(['form', 'table', 'treeGrid'], function () {
        var table = layui.table, form = layui.form, layer = layui.layer, treeGrid = layui.treeGrid;
        resData.excel_name = resData.excel_name == undefined ? (new Date()).getTime() + '.xlsx' : resData.excel_name + '.xlsx';
        //字段设置    
        var columns = builderTableColumns(resData);
      
        //为表格接口增加token header==统一header
        var http = new Request({token_url:api.token_url,async:false,token_store_name:'table'});
        var page = get_url_param_value('page')==null?1:get_url_param_value('page');
       
        //数据列表  
        var myTable = treeGrid.render({
            id: 'myTable', //指定元素节点
            elem: '#myTable',//指定元素节点
            toolbar: '#myToolbar',//表格顶部左侧
            // defaultToolbar: ['filter',  'print'],//表格顶部右侧---失效
            headers: http.headers, //创建头部
            url: resData.table_data_url + window.location.search,//json数据接口
            idField: 'id',//必須字段
            treeId: 'id',//树形id字段名称
            treeUpId: 'pid',//树形父id字段名称
            treeShowName: 'title',//以树形式显示的字段
            isFilter: false,
            iconOpen: false,//是否显示图标【默认显示】
            isOpenDefault: true,//节点默认是展开还是折叠【默认展开】
            method: 'post',
            isPage: false,
            height: '',
            parseData: function (res) {
                // console.log(res);
                var total = 0, data = [];
                if (res.code == 0) {
                    data = res.data;
                }
                
                return {
                    "code": 0, //解析接口状态
                    "msg": data.length < 1 ? '暂无数据' : res.msg, //解析提示文本
                    "data": data, //解析数据列表
                    "count": data.length,
                    "is": true,
                    "tip": "操作成功！"
                };
            },//res 即为原始返回的数据 处理数据
            onClickRow: function (index, o) {
                // console.log(index, o, "单击！");
             
            },
            onDblClickRow: function (index, o) {
                // console.log(index, o, "双击");
               
            },
            onCheck: function (obj, checked, isAll) { 
                // console.log(obj, checked, isAll, "复选");
               
            }, //复选事件
            onRadio: function (obj) {
                // console.log(obj, "单选");
               
            },//单选事件
            text: {
                none: '暂无相关数据，当前页码：第<span style="color:#FF5722">'+page+"</span>页"
            },//如果接口没有数据
            page: false,
            loading: true, //是否显示加载条（默认：true）
            even: false, //开启隔行背景
        
            cols: [columns], //数据接口对应的字段
         
          
            done: function (obj) {
                // console.log(obj);
                $(".layui-table-tool").html('<div class="layui-table-tool-temp"><div class="layui-table-tool-temp"><div id="tool_add" class="layui-inline" style="padding:4px 0px" title="添加" lay-event=""><i class="layui-icon layui-icon-add-1"></i></div><div id="tool_delete" class="layui-inline" style="padding:4px 0px" title="删除勾选数据" lay-event=""><i class="layui-icon layui-icon-delete"></i></div> </div></div><div class="layui-table-tool-self"><a id="update-cache" class="layui-btn layui-btn-xs layui-btn-primary " style="font-size:12px;top: 4px;position: relative;" lay-event="" title="更新路由缓存">生成路由缓存</a><a id="open-close-tree" class="layui-btn layui-btn-xs layui-btn-normal " style="font-size:12px;top: 4px;position: relative;" lay-event="" title="展开或折叠全部">展开或折叠全部</a></div>');
           
            
            }
        });

        
         //工具栏绑定事件
         builderGridToolbarEvent(resData, treeGrid, myTable, layer);

         

         //表格内部绑定事件
         builderTableGridEvent(resData, treeGrid, layer, form);
         
        
    })
}
</script>

{include file='builder/table/table_grid_event'}
{include file='builder/table/table_columns'}
{include file='builder/table/table_grid_toolbar_event'}